<template>
  <div class="user-bg">
    <div class="user-container">
      <h1 class="user-title">用户协议</h1>
      <div class="user-content">
        <h2>一、协议的接受</h2>
        <p>
          欢迎您注册并使用本小说平台服务。用户在注册、登录、使用本平台服务前，请务必认真阅读本协议。用户一旦注册、登录或使用本平台服务，即视为已充分理解并同意本协议全部内容。
        </p>
        <h2>二、账号注册与管理</h2>
        <ul>
          <li>1.1 用户应当使用真实、合法的身份信息注册账号，并保证所填写信息的真实性、完整性和有效性。</li>
          <li>1.2 用户账号仅限本人使用，不得转让、出租、出借或授权他人使用。</li>
          <li>1.3 如发现账号被他人非法使用，应及时通知平台，因用户自身原因导致的账号安全问题由用户自行承担。</li>
          <li>1.4 用户不得恶意注册多个账号、冒用他人身份注册账号。</li>
          <li>1.5 用户有义务妥善保管账号和密码，因保管不善造成的损失由用户自行承担。</li>
        </ul>
        <h2>三、用户行为规范</h2>
        <ul>
          <li>2.1 用户在平台发布、上传、传播的内容应遵守国家法律法规，不得含有违法、违规、低俗、侵权等信息。</li>
          <li>2.2 用户不得利用平台从事任何危害网络安全、扰乱平台秩序、侵犯他人合法权益的行为。</li>
          <li>2.3 用户应尊重他人知识产权，未经授权不得转载、抄袭、盗用他人作品。</li>
          <li>2.4 禁止发布广告、垃圾信息、恶意链接、病毒等内容。</li>
          <li>2.5 禁止利用平台进行刷榜、刷量、虚假交易等不正当行为。</li>
          <li>2.6 用户不得冒充平台工作人员或其他用户进行诈骗、骚扰等违法活动。</li>
        </ul>
        <h2>四、平台权利与义务</h2>
        <ul>
          <li>3.1 平台有权对用户发布的内容进行审核、删除、屏蔽等管理。</li>
          <li>3.2 平台有权根据运营需要对服务内容进行调整、变更或终止，并提前公告。</li>
          <li>3.3 平台将依法保护用户个人信息，详见《隐私协议》。</li>
          <li>3.4 平台有权对违反协议规定的用户采取警告、限制、封禁、注销账号等措施。</li>
          <li>3.5 平台有义务保障服务的正常运行，及时修复系统故障，提升用户体验。</li>
        </ul>
        <h2>五、知识产权声明</h2>
        <ul>
          <li>4.1 平台内所有内容（包括但不限于小说、图片、音频、视频、界面设计等）均受法律保护，归平台或相关权利人所有。</li>
          <li>4.2 未经平台或相关权利人书面许可，任何人不得擅自使用、复制、传播、改编、发布平台内容。</li>
          <li>4.3 用户在平台发表的原创内容，知识产权归用户本人所有，但用户同意授予平台在全球范围内的免费、不可撤销、可转授权的使用权。</li>
          <li>4.4 用户保证其上传、发布的内容不侵犯任何第三方合法权益，如因侵权引发纠纷，由用户自行承担全部责任。</li>
        </ul>
        <h2>六、付费服务与虚拟物品</h2>
        <ul>
          <li>5.1 平台部分服务为付费服务，用户可根据需要自主选择是否购买。</li>
          <li>5.2 虚拟物品（如书币、会员、道具等）一经购买，除法律规定外不支持退换。</li>
          <li>5.3 用户不得通过非法手段获取、转让、倒卖虚拟物品。</li>
          <li>5.4 平台有权根据运营需要调整虚拟物品的种类、价格、使用规则等。</li>
        </ul>
        <h2>七、免责声明</h2>
        <ul>
          <li>6.1 平台对因不可抗力、网络故障、第三方原因等造成的服务中断或数据丢失不承担责任。</li>
          <li>6.2 用户因自身原因造成的损失由用户自行承担。</li>
          <li>6.3 平台对用户发布内容的真实性、合法性、准确性不承担保证责任。</li>
          <li>6.4 用户因使用平台服务与第三方发生纠纷的，由用户自行解决，平台不承担责任。</li>
        </ul>
        <h2>八、协议的变更与终止</h2>
        <ul>
          <li>7.1 平台有权根据法律法规及运营需要对本协议进行修订，并以公告、弹窗等方式通知用户。</li>
          <li>7.2 用户不同意变更内容的，有权停止使用平台服务；继续使用的，视为接受变更后的协议。</li>
          <li>7.3 平台有权在用户违反协议规定时，单方终止服务并注销账号。</li>
        </ul>
        <h2>九、未成年人保护</h2>
        <ul>
          <li>8.1 平台高度重视未成年人保护，未成年人应在监护人指导下注册和使用平台服务。</li>
          <li>8.2 平台有权根据法律法规对未成年人用户的使用行为进行限制。</li>
        </ul>
        <h2>十、法律适用与争议解决</h2>
        <ul>
          <li>9.1 本协议的订立、执行与解释均适用中华人民共和国法律。</li>
          <li>9.2 因本协议产生的争议，双方应友好协商解决，协商不成的，提交平台所在地有管辖权的人民法院诉讼解决。</li>
        </ul>
        <h2>十一、其他</h2>
        <ul>
          <li>10.1 本协议自用户注册之日起生效。</li>
          <li>10.2 如有疑问，请通过平台客服与我们联系。</li>
          <li>10.3 本协议部分条款无效不影响其他条款的效力。</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.user-bg {
  width: 100%;
  min-height: 100vh;
  background: #f7f8fa;
  padding: 40px 0;
  display: flex;
  justify-content: center;
}
.user-container {
  max-width: 1100px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 40px 48px 48px 48px;
  margin: 0 auto;
}
.user-title {
  font-size: 32px;
  font-weight: bold;
  color: #b63228;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 2px;
}
.user-content {
  font-size: 16px;
  color: #222;
  line-height: 2;
  h2 {
    font-size: 20px;
    color: #b63228;
    margin: 28px 0 12px 0;
    font-weight: bold;
  }
  ul {
    margin: 0 0 16px 24px;
    padding: 0;
    li {
      margin-bottom: 6px;
      list-style: disc;
    }
  }
  p {
    margin-bottom: 12px;
  }
}
.user-footer {
  margin-top: 40px;
  text-align: right;
  color: #888;
  font-size: 15px;
}
@media (max-width: 700px) {
  .user-container {
    padding: 18px 6px 24px 6px;
  }
  .user-title {
    font-size: 22px;
    margin-bottom: 18px;
  }
  .user-content {
    font-size: 14px;
    h2 { font-size: 16px; }
  }
}
</style>
